﻿<!DOCTYPE html>
<html>
  <head>
    <title>流动人口信息管理</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="resources/data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="resources/files/流动人口信息管理/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>

    <style type="text/css">
      ul li{

        list-style: none;

      }
      .soso{
        background-color:#ddd;
        border: 1px solid #ddd;
        width: 50px;
      }

      .im-page{
        width: 441px;
        overflow: hidden;
        margin: 0 auto;
        margin-top: 25px;
      }
      .im-page li{
        float: left;
        height: 25px;
        line-height: 25px;
        text-align: center;
      }
      .im-page li a{
        border-right: 1px solid #ff6500;
        padding: 5px 7px;
        color: #ff6500;
        margin-left: 20px;/*设置标签 a 之间的间隔*/
        text-decoration: none;/*去除页码数字下面的下划线*/
        width: 200px;
      }
      .im-table{
        border: 1px solid #ddd;
        width:600px;
        height:321px;
      }
      .biao{
        border:1px solid #333;
        border-collapse:collapse;
        width:601px;
        /*height:340px;*/
      }
      .im-table{
        position: absolute;
        left: 340px;
        top: 210px;
      }
      .im-page{
        position: absolute;
        left: 440px;
        top: 510px;
      }
      table{border-collapse:collapse} /*合并间距*/
      table,table th,table td{border:1px solid #ddd} /*表格带线框,6像素的间距*/
      table th,table td{padding:6px} /*单元格6像素的间距*/
      table th{background-color:#eee} /*表头带背景色*/

    </style>
    <script>
        var userId = "";
        $(function(){
            userId = location.href.split("id=")[1];
            readList(1);

        })
        function readList(pageNum) {
            if (pageNum==0){
                pageNum=1;
            }
            var form=document.getElementById("form1");
            var formData=new FormData(form);
            var dataform=$("#form1").serialize();
            dataform+="&pageNum="+pageNum+"&id="+userId;
            console.log(dataform);
            $.ajax({
                url:"/findAll",
                data:dataform,
                type:"post",
                dataType:"json",
                success:function (data) {
                    console.log(data)
                    var tbody='';
                    var list=data.list;
                    $("#tbody").empty();
                    for (var i=0;i<list.length;i++){
                        var smp=list[i];
                        console.log(smp);
                        tbody+='<tr>' +
                            '      <td><input type="checkbox" class="testyangpin" value="'+smp.id+'"></td>'+
                            '      <td class="yddh">'+(i+1)+'</td>' +
                            '      <td >'+(smp.unitName==undefined?"":smp.unitName)+'</td>' +
                            '      <td>'+(smp.name==undefined?"":smp.name)+'</td>' +
                            '      <td>'+(smp.personalMobilePhone==undefined?"":smp.personalMobilePhone)+'</td>' +
                            '      <td>'+(smp.submitTime==undefined?"":smp.submitTime)+'</td>' +
                            '      <td><a href="/toPopulationParticulars?personalId='+smp.personalId+'">查看详情</a></td>' +
                            '      </tr>';
                    }
                    $("#tbody").append(tbody);
                    $("#pages").empty();
                    var pages='<li class="im-indexpage"><a href="javaScript:readList('+1+')">首页</a></li>\n' +
                        '    <li class="im-nextpage"><a href="javaScript:readList('+data.prePage+')">上一页</a></li>\n' +
                        '    <li class="im-nextpage"><a href="javaScript:readList('+data.nextPage+')">下一页</a></li>\n' +
                        '    <li class="im-indexpage"><a href="javaScript:readList('+data.pages+')">尾页</a></li>';
                    $("#pages").append(pages);
                }
            })

        }
    </script>
  </head>

  <body>
    <div id="base" class="">
      <form class="form-b" action="" method="post" id="form1">
      <!-- Unnamed (矩形) -->
      <div id="u1437" class="ax_default box_1">
        <div id="u1437_div" class=""></div>
        <div id="u1437_text" class="text ">
          <p><span>流动人口服务管理系统</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1438" class="ax_default box_3">
        <div id="u1438_div" class=""></div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1439" class="ax_default box_1">
        <div id="u1439_div" class=""></div>
        <div id="u1439_text" class="text ">
          <p><span>注册信息审核</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1440" class="ax_default box_1">
        <div id="u1440_div" class=""></div>
        <div id="u1440_text" class="text ">
          <p><span>登记信息审核</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1441" class="ax_default box_1">
        <div id="u1441_div" class=""></div>
        <div id="u1441_text" class="text ">
          <p><span>流动人口信息管理</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1442" class="ax_default box_1">
        <div id="u1442_div" class=""></div>
        <div id="u1442_text" class="text ">
          <p><span>账户管理</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1443" class="ax_default box_1">
        <div id="u1443_div" class=""></div>
        <div id="u1443_text" class="text ">
          <p><span>流动人口信息统计</span></p>
        </div>
      </div>

      <!-- Unnamed (提交按钮) -->
      <div id="u1444" class="ax_default html_button">
        <div class="soso"><a onclick="readList(1)">搜索</a></div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1460" class="ax_default label">
        <div id="u1460_div" class=""></div>
        <div id="u1460_text" class="text ">
          <p><span>从</span></p>
        </div>
      </div>

      <!-- Unnamed (文本框) -->
      <div id="u1461" class="ax_default text_field">
        <input id="u1461_input" name="submitTimemin" type="date" value=""/>
        <!--<input type="date" name="submitTimemin">-->
       </div>

      <!-- Unnamed (矩形) -->
      <div id="u1462" class="ax_default label">
        <div id="u1462_div" class=""></div>
        <div id="u1462_text" class="text ">
          <p><span>至</span></p>
        </div>
      </div>

      <!-- Unnamed (文本框) -->
      <div id="u1463" class="ax_default text_field">
        <input id="u1463_input" name="submitTimemax" type="date" value=""/>
      </div>

      <!-- Unnamed (文本框) -->
      <div id="u1484" class="ax_default text_field">
        <input id="u1484_input" name="unitName" type="text" value=""/>
      </div>

      <!-- Unnamed (文本框) -->
      <div id="u1485" class="ax_default text_field">
        <input id="u1485_input" name="name" type="text" value=""/>
      </div>

      <!-- Unnamed (文本框) -->
      <div id="u1486" class="ax_default text_field">
        <input id="u1486_input" name="personalMobilePhone" type="text" value=""/>
      </div>

      <div class="im-table">
        <table class="biao">
          <thead>
          <tr>
            <th class="w1"><input type="checkbox" id="checkbox1" value="">
              全选</th>
            <th class="w2">编号</th>
            <th class="w3">公司</th>
            <th class="w4">姓名</th>
            <th class="w5">手机号</th>
            <th class="w6">提交时间</th>
            <th class="w7">详情</th>
          </tr>
          </thead>
          <tbody id="tbody">
          <tr >
            <td><input class="testyangpin" value="754" type="checkbox"></td>
            <td class="ybbh">ghjghjghj</td>
            <td >ghjghjghj</td>
            <td >ghjghjghj</td>
            <td >ghjghjghj</td>
            <td >ghjghjghj</td>
            <td><a href="editIM.html">查看详情</a></td>
          </tr>
          </tbody>
        </table>
      </div>
      <div class="im-page">
        <ul id="pages">
          <li class="im-indexpage"><a href="">首页</a></li>
          <li class="im-nextpage"><a href="">上一页</a></li>
          <li class="im-nextpage"><a href="">下一页</a></li>
          <li class="im-indexpage"><a href="">尾页</a></li>
        </ul>
      </div>

      </form>
    </div>
  </body>
</html>
<script>
  function shousuo() {

  }
</script>
